<style lang="lcss">
@base: #f1f1f3;
.app{
	background: @base;
}
.fade-enter-active, .fade-leave-active {
  transition: all .5s ease;
}
.fade-enter, .fade-leave-active {
  transform: translate(30px,0px);opacity: 0;
}
</style>
<template>
<div class="app">
	<h1></h1>
	<router-link to="/">/</router-link><br/>
	<router-link to="/router">/router</router-link>
	<router-link to="/list" exact>/list</router-link>
	<router-link :to="{name:'list'}" append tag="li" class="li_1" active-class="current">
		<a>list</a>
	</router-link>
	<transition name="fade">
		<keep-alive>
				<router-view  ></router-view>
		</keep-alive>
	</transition>
	
	<router-view keep-alive name="rv"></router-view>
	<com-login ></com-login>
</div>
</template>

<script>
module.exports={
	data:function(){
		return {
			title:'vue',data:{}
		}
	},created:function(){//可以在ready 或created 内操作数据
		// this.$ajax.get('/getuser').then(function(res){
		// 	console.log(res);
		// })
	},methods:{
	},watch:{
		'$route' (to,form){
			//console.log(to,form);
		}
	}
}
</script>
